export default function ({ store, app }) {
  // 只在客戶端執行
  if (process.client) {
    // 從localStorage獲取保存的主題
    const savedTheme = localStorage.getItem('furnitura_theme');
    
    // 如果有保存的主題，則使用它
    if (savedTheme) {
      store.commit('SET_THEME', savedTheme);
      console.log('從localStorage加載主題:', savedTheme);
    } else {
      // 否則使用默認主題並保存到localStorage
      const defaultTheme = 'dark'; // 強制使用深色主題作為默認值
      store.commit('SET_THEME', defaultTheme);
      console.log('使用默認主題:', defaultTheme);
    }
    
    // 輸出當前主題相關信息
    console.log('當前data-theme屬性:', document.documentElement.getAttribute('data-theme'));
    console.log('當前CSS變量--bg-page:', getComputedStyle(document.documentElement).getPropertyValue('--bg-page').trim());
    
    // 監聽系統主題變化
    const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');
    
    // 當系統主題變化時更新應用主題
    const handleThemeChange = (e) => {
      // 只有在用戶沒有手動設置主題時才跟隨系統主題
      const userSetTheme = localStorage.getItem('user_set_theme');
      if (!userSetTheme) {
        const newTheme = e.matches ? 'dark' : 'light';
        store.commit('SET_THEME', newTheme);
      }
    };
    
    // 添加事件監聽器
    if (mediaQuery.addEventListener) {
      mediaQuery.addEventListener('change', handleThemeChange);
    } else {
      // 舊版瀏覽器兼容
      mediaQuery.addListener(handleThemeChange);
    }
  }
}